<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./index.css">
    <link rel="stylesheet" href="./list.css">
    <style>
    </style>
</head>

<body>
    <ul class="nav">
        <li class="navIcon">
            <img src="./images/小巨蛋LOGO.png" alt="">
        </li>
        <li>
            <a href="./小巨蛋首页.html"><span>集团首页</span></a>
            <ul class="list">
                <li>规划中心</li>
                <li>规划中心</li>
                <li>规划中心</li>
                <li>规划中心</li>
                <li>规划中心</li>
                <li>规划中心</li>
                <li>规划中心</li>
            </ul>
        </li>
        <li>
            <span>集团简介</span>
            <ul class="list">
                <li>规划中心</li>
                <li>规划中心</li>
                <li>规划中心</li>
                <li>规划中心</li>
                <li>规划中心</li>
                <li>规划中心</li>
                <li>规划中心</li>
            </ul>
        </li>
        <li>
            <span>集团简介</span>
            <ul class="list">
                <li>规划中心</li>
                <li>规划中心</li>
                <li>规划中心</li>
                <li>规划中心</li>
                <li>规划中心</li>
                <li>规划中心</li>
                <li>规划中心</li>
            </ul>
        </li>
        <li>
            <a href="./新闻列表作业.html"><span>新闻更新</span></a>
            <ul class="list">
                <li>规划中心</li>
                <li>规划中心</li>
                <li>规划中心</li>
                <li>规划中心</li>
                <li>规划中心</li>
                <li>规划中心</li>
                <li>规划中心</li>
            </ul>
        </li>
        <li>
            <a href="./招商信息作业.html"><span>招商信息</span></a>
            <ul class="list">
                <li>规划中心</li>
                <li>规划中心</li>
                <li>规划中心</li>
                <li>规划中心</li>
                <li>规划中心</li>
                <li>规划中心</li>
                <li>规划中心</li>
            </ul>
        </li>
        <li>
            <span>集团简介</span>
            <ul class="list">
                <li>规划中心</li>
                <li>规划中心</li>
                <li>规划中心</li>
                <li>规划中心</li>
                <li>规划中心</li>
                <li>规划中心</li>
                <li>规划中心</li>
            </ul>
        </li>
        <li>
            <span>集团简介</span>
            <ul class="list">
                <li>规划中心</li>
                <li>规划中心</li>
                <li>规划中心</li>
                <li>规划中心</li>
                <li>规划中心</li>
                <li>规划中心</li>
                <li>规划中心</li>
            </ul>
        </li>
    </ul>
    <main>
        <section class="mainHead">
            <div class="bcImage">
                <img src="./images/新闻列表切图.png" alt="">
            </div>
        </section>
        <section class="mainMid">
            <div class="mainMidContent">
                <p class="renew">新闻更新</p>
                <p class="newsTitle">Latest news</p>
                <ul class="newsList">
                    <li class="news">
                        <div class="circleY">2013.5.7</div>
                        <div class="newsText">
                            <p>抓项目促发展，打造株洲城市建设发展升级版</p>
                            <p>http://www.zhuzhouwang.com/portal/xw/zzxw/bbrd/webinfo/2013/05/07/1367994336090554.htm
                            </p>
                        </div>
                    </li>
                    <li class="news">
                        <div class="circleY">2013.5.7</div>
                        <div class="newsText">
                            <p>抓项目促发展，打造株洲城市建设发展升级版</p>
                            <p>http://www.zhuzhouwang.com/portal/xw/zzxw/bbrd/webinfo/2013/05/07/1367994336090554.htm
                            </p>
                        </div>
                    </li>
                    <li class="news">
                        <div class="circleY">2013.5.7</div>
                        <div class="newsText">
                            <p>抓项目促发展，打造株洲城市建设发展升级版</p>
                            <p>http://www.zhuzhouwang.com/portal/xw/zzxw/bbrd/webinfo/2013/05/07/1367994336090554.htm
                            </p>
                        </div>
                    </li>
                    <li class="news">
                        <div class="circleY">2013.5.7</div>
                        <div class="newsText">
                            <p>抓项目促发展，打造株洲城市建设发展升级版</p>
                            <p>http://www.zhuzhouwang.com/portal/xw/zzxw/bbrd/webinfo/2013/05/07/1367994336090554.htm
                            </p>
                        </div>
                    </li>
                    <li class="news">
                        <div class="circleY">2013.5.7</div>
                        <div class="newsText">
                            <p>抓项目促发展，打造株洲城市建设发展升级版</p>
                            <p>http://www.zhuzhouwang.com/portal/xw/zzxw/bbrd/webinfo/2013/05/07/1367994336090554.htm
                            </p>
                        </div>
                    </li>
                </ul>
                <div class="mainMidFooter">
                    <div>
                        <hr>
                    </div>
                    <div class="mediateBox">
                        <input type="button" value="1" class="numberBt normalB">
                        <input type="button" value="2" class="numberBt normalB">
                        <input type="button" value="3" class="numberBt normalB">
                        <input type="button" value="下一页 >" class="textBt1 normalB">
                        <input type="button" value="最后一页 >>" class="textBt2 normalB">
                    </div>
                </div>
            </div>
        </section>
    </main>
    <footer>
        <div class="footerImg">
            <img src="./images/zg.png" alt="">
        </div>
        <div class="footerText">
            <p>中国</p>
            <p>隐私政策</p>
            <p>使用条款</p>
        </div>
        <p>COPYRIGHT © 1996-2013 RFC COMMUNICATION TECHNOLOGY CO.LTD.ALL RIGHTS RESERVED.</p>
    </footer>
    <script>
        let input = document.querySelectorAll('input');
        for (let i = 0; i < input.length; i++) {
            input[i].onclick = function () {
                for (let i = 0; i < input.length; i++) {
                    input[i].classList.remove('active');
                }
		        this.classList.add('active');
            }
        }

    </script>
</body>
</html>